.box_view{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	.header_view{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 5rem;
		svg{
			width: 2rem;
			height: 2rem;
			color: white;
		}
	}
	.welcome{
		margin-top: 4rem;
		text-align: center;
		margin-bottom: 1rem;
	}
	.tip_txt{
		span{
			color: #4d6bfe;
			cursor: pointer;
			text-decoration: underline;
		}
	}
	.content_view{
		width: 20rem;
		:global{
			.adm-list-item-content-main{
				padding: 0;
			}
			.adm-list-body{
				border: none;
			}
			.adm-list-item-content{
				border: none;
			}
		}
		
		input{
			border: 1px #c2c8d0 solid;
			border-radius: 0.5rem;
			height: 3.3rem;
			margin-top: 1rem;
			padding: 0.8rem;
			line-height: 3.3rem;
			font-size: 1rem;
		}
		:global{
			input:-webkit-autofill,
			input:-webkit-autofill:hover, 
			input:-webkit-autofill:focus, 
			input:-webkit-autofill:active {
				/* 设置背景色和其他样式 */
				background: #fff !important;
				background-color: #fff !important;
			}
			input:focus {
				/* 设置背景色和其他样式 */
				background-color: #fff !important;
				background: #fff !important;
			}
		}
		
		

		.username {
			input:focus{
				border-color: #4d6bfe;
			}
			input:-webkit-autofill {
				background: white;
			}
		}
		.form_item {
			position: relative;
		}
		.password_input{
			display: flex;
  		align-items: center;
			position: relative;
			input{
				padding-right: 2.5rem;
				box-sizing: border-box;
			}
			.eye {
				flex: none;
				position: absolute;
				right: 1rem;
				top: 2rem;
				cursor: pointer;
				svg {
					display: block;
					font-size: 1rem;
				}
			}
		}
		.username_text{
			position: absolute;
			left: 0.9rem;
			top: 1.8rem;
			z-index: 999;
			width: 4rem;
			height: 1.5rem;
			background: white;
			text-align: center;
			color: #c2c8d0;
			font-size: 1.1rem;
			display: flex;
			align-items: center;
			justify-content: center;
			display: none;
			border-radius: 8px;
		}
		.name_into{
			color: #c2c8d0;
			transform: translate(-0.6rem, -1.6rem) scale(0.8);
		}
		.pass_animation_start{
			animation: moveAndScaleStart 0.1s linear 1;
			animation-fill-mode: forwards;
		}
		.pass_animation_end{
			animation: moveAndScaleEnd 0.1s linear 1;
			animation-fill-mode: forwards;
		}
		@keyframes moveAndScaleStart {
			0% { 
				transform: translate(0, 0) scale(1);
			}
			50% { 
				transform: translate(-0.3rem, -0.8rem) scale(0.9);
			}
			100% {
				color: #4d6bfe;
				transform: translate(-0.6rem, -1.6rem) scale(0.8);
			}
		}
		@keyframes moveAndScaleEnd {
			0% { 
				transform: translate(-0.6rem, -1.6rem) scale(0.8);
			}
			50% { 
				transform: translate(-0.3rem, -0.8rem) scale(0.9);
			}
			100% {
				color: #c2c8d0;
				transform: translate(0, 0) scale(1);
			}
		}

		.password_text{
			position: absolute;
			left: 0.9rem;
			top: 1.8rem;
			z-index: 999;
			width: 3rem;
			height: 1.5rem;
			background: white;
			color: #c2c8d0;
			font-size: 1.1rem;
			display: flex;
			align-items: center;
			justify-content: center;
			display: none;
			text-align: center;
			border-radius: 8px;
		}
		.pass_into{
			color: #c2c8d0;
			transform: translate(-0.6rem, -1.6rem) scale(0.8);
		}
		.name_animation_start{
			animation: moveAndScaleStart 0.1s linear 1;
			animation-fill-mode: forwards;
		}
		.name_animation_end{
			animation: moveAndScaleEnd 0.1s linear 1;
			animation-fill-mode: forwards;
		}
		@keyframes moveAndScaleStart {
			0% { 
				transform: translate(0, 0) scale(1);
			}
			50% { 
				transform: translate(-0.3rem, -0.8rem) scale(0.9);
			}
			100% {
				color: #4d6bfe;
				transform: translate(-0.6rem, -1.6rem) scale(0.8);
			}
		}
		@keyframes moveAndScaleEnd {
			0% { 
				transform: translate(-0.6rem, -1.6rem) scale(0.8);
			}
			50% { 
				transform: translate(-0.3rem, -0.8rem) scale(0.9);
			}
			100% {
				color: #c2c8d0;
				transform: translate(0, 0) scale(1);
			}
		}
	}
}
.submit_btn{
	background: #4d6bfe;
	color: white;
	border-radius: 0.5rem;
	margin-top: 1rem;
	font-size: 1.2rem;
}